<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息 - 开发部项目管理</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 所有页面保持相同的导航栏结构 -->

    <div class="container">
        <header>
            <h1>个人信息</h1>
            <div class="user-info">
                <span id="username-display">张三</span>
                个人信息
            </div>
        </header>

      <nav class="sidebar">
            <ul>
                <a href="index.html"><li class="active">项目总览</li></a>
                <a href="project-detal.html"> <li>基本信息文档列表</li></a>
               <a href="project-info.html"> <li>成员信息进度跟踪</li></a>
            </ul>
        </nav>

        <main class="content personal-content">
            <div class="personal-info">
                <h2>个人信息</h2>
                <div class="info-grid">
                    <div>姓名:</div>
                    <div>张三</div>
                    <div>身份:</div>
                    <div>前端负责人</div>
                </div>
            </div>

            <div class="responsible-projects">
                <h2>负责项目</h2>
                <ul class="project-list">
                    <li>
                        <input type="checkbox" id="projectA" checked>
                        <label for="projectA">项目A</label>
                    </li>
                    <li>
                        <input type="checkbox" id="projectB">
                        <label for="projectB">项目B</label>
                    </li>
                    <li>
                        <input type="checkbox" id="projectC">
                        <label for="projectC">项目C</label>
                    </li>
                </ul>
            </div>

            <div class="actions">
                <button class="btn-change-pw">修改密码</button>
                <button class="btn-logout">退出登录</button>
            </div>
        </main>
    </div>
<script src="main.js"></script>
</body>
</html>